<template>
<div class="container" :style="bg__styles">
	<div class="change__wrap">
		<p>修改密码</p>
		<LoginInput input-type="changePsd"></LoginInput>
	</div>

</div>
</template>

<script>
import picture from '@/assets/img/login__bg.png'
import LoginInput from "@/components/business/LoginInput";
export default {
	
  name: "index",
	data(){
		return{
			bg__styles:{
				backgroundImage: `url(${picture})`,
			}
		}
	},
	components:{
  	LoginInput
	}
}
</script>

<style scoped lang="scss">
.container{
	width: 100%;
	height: 100%;
	position: relative;
	.change__wrap{
		background-color: white;
		position: absolute;
		top: 45%;
		left: 50%;
		border-radius: 5px;
		transform: translate(-50% , -50%);
		max-width: 430px;
		padding: 35px 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		p{
			font-size: 40px;
			color: black;
			margin-bottom: 40px;
		}
	}
}
</style>
